<div id="spin-scrim" class="palm-scrim">
    <div x-mojo-element="Spinner" id="feedSpinner" class="feedSpinner"></div>
</div>

<div class="palm-group">
	<div class="palm-group-title" x-mojo-loc="">
        Input File
    </div>
	<div class="palm-list">
		<div class="palm-row first">
			<div class="palm-row-wrapper">
				<div x-mojo-element="Button" id="chooseInputFileButton" class="buttonClass" name="chooseInputFileButton"></div>
			</div>
		</div>
		<div class="palm-row">
			<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="false">
				<div class="title">
      				<div id="inputFileTextField" name="inputFileTextField" x-mojo-element="TextField"></div>
				</div>
			</div>
		</div>
		<div class="palm-row">
			<div class="palm-row-wrapper">
				<div class="label extrapadding-right">WIDTH</div>
				<div id="inputFileWidthLabel" class="title truncating-text grey"></div>
			</div>
		</div>
		<div class="palm-row">
			<div class="palm-row-wrapper">
				<div class="label extrapadding-right">HEIGHT</div>
				<div id="inputFileHeightLabel" class="title truncating-text grey"></div>
			</div>
		</div>
		<div class="palm-row last">
			<div class="palm-row-wrapper">
				<div class="label extrapadding-right">SIZE</div>
				<div id="inputFileSizeLabel" class="title truncating-text grey"></div>
			</div>
		</div>
	</div>
</div>

<div class="palm-group">
	<div class="palm-group-title" x-mojo-loc="">
        Output File
    </div>
	<div class="palm-list">
		<div class="palm-row first">
			<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="false">
				<div class="title">
      				<div class="extrapadding-left" id="outputFileTextField" name="outputFileTextField" x-mojo-element="TextField"></div>
				</div>
			</div>
		</div>
		<div class="palm-row">
			<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="false">
				<div class="label">WIDTH</div>
				<div class="title">
					<div class="extrapadding-left" id="outputFileWidthTextField" name="outputFileWidthTextField" x-mojo-element="TextField"></div>
				</div>
			</div>
		</div>
		<div class="palm-row">
			<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="false">
				<div class="label">HEIGHT</div>
				<div class="title">
					<div class="extrapadding-left" id="outputFileHeightTextField" name="outputFileHeightTextField" x-mojo-element="TextField"></div>
				</div>
			</div>
		</div>
		<div class="palm-row">
			<div class="palm-row-wrapper">
				<div class="label extrapadding-right">SIZE</div>
				<div id="outputFileSizeLabel" class="title truncating-text grey"></div>
			</div>
		</div>
		<div class="palm-row last">
			<div class="palm-row-wrapper">
				<div x-mojo-element="Button" id="resizeButton" class="buttonClass" name="resizeButton"></div>
			</div>
		</div>		
	</div>
</div>

